﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CreateForm.aspx.cs" Inherits="CooliteExamples.Web.Pages.Control.CreateForm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
		<title></title>
</head>
<body>
		<ext:ScriptManager runat="server" />
		<ext:Panel ID="pnlMain" runat="server" Height="300" Border="false">
				<Body>
						<ext:FormPanel runat="server" Title="User Information Form" AutoHeight="true" ButtonAlign="Right"
								Icon="ApplicationForm" StyleSpec="margin-top: 20px; margin-left: 10px;" Frame="true"
								Width="500">
								<Body>
										<ext:ColumnLayout runat="server">
												<ext:LayoutColumn ColumnWidth=".48">
														<ext:Panel runat="server" Border="false" AutoHeight="true">
																<Body>
																		<ext:FormLayout runat="server" LabelWidth="80" LabelAlign="Top" LabelStyle="padding: 3px;">
																				<ext:Anchor>
																						<ext:TextField ID="txtFirstName" runat="server" FieldLabel="First Name" />
																				</ext:Anchor>
																				<ext:Anchor>
																						<ext:MultiField runat="server" FieldLabel="Gener">
																								<Fields>
																										<ext:Radio ID="rdMale" runat="server" BoxLabel="Male" Checked="true" GroupName="Gender" />
																										<ext:Radio ID="rdFemale" runat="server" BoxLabel="Female" GroupName="Gener" />
																								</Fields>
																						</ext:MultiField>
																				</ext:Anchor>
																				<ext:Anchor>
																						<ext:TextField ID="txtHomePhone" runat="server" FieldLabel="Home Phone" />
																				</ext:Anchor>
																				<ext:Anchor>
																						<ext:TextField ID="txtCity" runat="server" FieldLabel="City" />
																				</ext:Anchor>
																		</ext:FormLayout>
																</Body>
														</ext:Panel>
												</ext:LayoutColumn>
												<ext:LayoutColumn ColumnWidth=".48">
														<ext:Panel runat="server" Border="false" AutoHeight="true">
																<Body>
																		<ext:FormLayout runat="server" LabelWidth="120" LabelAlign="Left" LabelStyle="padding: 3px;">
																				<ext:Anchor>
																						<ext:TextField ID="txtLastName" runat="server" FieldLabel="Last Name" />
																				</ext:Anchor>
																				<ext:Anchor>
																						<ext:ComboBox ID="cmbLeague" runat="server" FieldLabel="Favorite League" Width="80">
																								<Items>
																										<ext:ListItem Text="NHL" />
																										<ext:ListItem Text="PGA" />
																										<ext:ListItem Text="PBA" />
																										<ext:ListItem Text="MLB" />
																										<ext:ListItem Text="NBA" />
																										<ext:ListItem Text="NFL" />
																										<ext:ListItem Text="LPGA" />
																										<ext:ListItem Text="PBR" />
																								</Items>
																						</ext:ComboBox>
																				</ext:Anchor>
																				<ext:Anchor>
																						<ext:TextField ID="txtMobilePhone" runat="server" FieldLabel="Mobile Phone" />
																				</ext:Anchor>
																				<ext:Anchor>
																						<ext:TextField ID="txtState" runat="server" FieldLabel="State" MaxLength="2" />
																				</ext:Anchor>
																		</ext:FormLayout>
																</Body>
														</ext:Panel>
												</ext:LayoutColumn>
										</ext:ColumnLayout>
								</Body>
								<Buttons>
										<ext:Button ID="btnCancel" runat="server" Text="Cancel" Icon="Cancel" />
										<ext:Button ID="btnSubmit" runat="server" Text="Save" Icon="Accept" />
								</Buttons>
						</ext:FormPanel>
				</Body>
		</ext:Panel>
</body>
</html>
